@charset "UTF-8";
@import '../../mixins/index.scss';
@import '../../color/colors.scss';
@import '../../themes/default.scss';

// 这个文件单出出来作用就是复用，减少重复应用

$colors:
  ('Dust Red / 薄暮 / 斗志放', 'red', $ft-color-red, #ffffff, $ft-color-red-1, $ft-color-red-7),
  ('Volcano / 火山 / 醒目、澎湃', 'volcano', $ft-color-volcano, #ffffff, $ft-color-volcano-1, $ft-color-volcano-7),
  ('Sunset Orange / 日暮 / 温暖、欢快', 'orange', $ft-color-orange, #ffffff, $ft-color-orange-1, $ft-color-orange-7),
  ('Calendula Gold / 金盏花 / 活力、积极', 'gold', $ft-color-gold, #ffffff, $ft-color-gold-1, $ft-color-gold-7),
  (
    'Sunrise Yellow / 日出 / 出生、阳光',
    'yellow',
    $ft-color-yellow,
    rgba(#000, 0.85),
    $ft-color-yellow-1,
    $ft-color-yellow-7
  ),
  ('Lime / 青柠 / 自然、生机', 'lime', $ft-color-lime, #ffffff, $ft-color-lime-1, $ft-color-lime-7),
  ('Polar Green / 极光绿 / 健康、创新', 'green', $ft-color-green, #ffffff, $ft-color-green-1, $ft-color-green-7),
  ('Cyan / 明青 / 希望、坚强', 'cyan', $ft-color-cyan, #ffffff, $ft-color-cyan-1, $ft-color-cyan-7),
  ('Daybreak Blue / 拂晓蓝 / 包容、科技、普惠', 'blue', $ft-color-blue, #ffffff, $ft-color-blue-1, $ft-color-blue-7),
  (
    'Geek Blue / 极客蓝 / 探索、钻研',
    'geekblue',
    $ft-color-geekblue,
    #ffffff,
    $ft-color-geekblue-1,
    $ft-color-geekblue-7
  ),
  ('Golden Purple / 酱紫 / 优雅、浪漫', 'purple', $ft-color-purple, #ffffff, $ft-color-purple-1, $ft-color-purple-7),
  ('Magenta / 法式洋红 / 明快、感性', 'magenta', $ft-color-magenta, #ffffff, $ft-color-magenta-1, $ft-color-magenta-7),
  ('Pink(Alias of Magenta) / 粉色 / 明快、感性', 'pink', $ft-color-pink, #ffffff, $ft-color-pink-1, $ft-color-pink-7);

$colorsLight:
  ('Dust Red / 薄暮 / 斗志放', 'red', $ft-color-red, #ffffff, $ft-color-red-1, $ft-color-red-5),
  ('Volcano / 火山 / 醒目、澎湃', 'volcano', $ft-color-volcano, #ffffff, $ft-color-volcano-1, $ft-color-volcano-5),
  ('Sunset Orange / 日暮 / 温暖、欢快', 'orange', $ft-color-orange, #ffffff, $ft-color-orange-1, $ft-color-orange-5),
  ('Calendula Gold / 金盏花 / 活力、积极', 'gold', $ft-color-gold, #ffffff, $ft-color-gold-1, $ft-color-gold-5),
  (
    'Sunrise Yellow / 日出 / 出生、阳光',
    'yellow',
    $ft-color-yellow,
    rgba(#000, 0.85),
    $ft-color-yellow-1,
    $ft-color-yellow-5
  ),
  ('Lime / 青柠 / 自然、生机', 'lime', $ft-color-lime, #ffffff, $ft-color-lime-1, $ft-color-lime-5),
  ('Polar Green / 极光绿 / 健康、创新', 'green', $ft-color-green, #ffffff, $ft-color-green-1, $ft-color-green-5),
  ('Cyan / 明青 / 希望、坚强', 'cyan', $ft-color-cyan, #ffffff, $ft-color-cyan-1, $ft-color-cyan-5),
  ('Daybreak Blue / 拂晓蓝 / 包容、科技、普惠', 'blue', $ft-color-blue, #ffffff, $ft-color-blue-1, $ft-color-blue-5),
  (
    'Geek Blue / 极客蓝 / 探索、钻研',
    'geekblue',
    $ft-color-geekblue,
    #ffffff,
    $ft-color-geekblue-1,
    $ft-color-geekblue-5
  ),
  ('Golden Purple / 酱紫 / 优雅、浪漫', 'purple', $ft-color-purple, #ffffff, $ft-color-purple-1, $ft-color-purple-5),
  ('Magenta / 法式洋红 / 明快、感性', 'magenta', $ft-color-magenta, #ffffff, $ft-color-magenta-1, $ft-color-magenta-5),
  ('Pink(Alias of Magenta) / 粉色 / 明快、感性', 'pink', $ft-color-pink, #ffffff, $ft-color-pink-1, $ft-color-pink-5);

$grayColors:
  ('玄灰', 'grey', $ft-color-grey, #ffffff, tint($ft-color-grey, 80%), shade($ft-color-grey, 20%)),
  ('草灰', 'gray', $ft-color-gray, $ft-text-color-df, tint($ft-color-gray, 95%), shade($ft-color-gray, 20%)),
  ('深灰', 'gray-dark', $ft-color-gray-dark, #ffffff, tint($ft-color-gray-dark, 80%), shade($ft-color-gray-dark, 20%)),
  ('墨黑', 'black', $ft-color-black, #ffffff, tint($ft-color-black, 95%), shade($ft-color-white, 5%)),
  ('雅白', 'white', $ft-color-white, #333333, shade($ft-color-white, 5%), tint($ft-color-black, 95%));

// ColorUI 渐变颜色
$gradualColors:
  ('魅红', 'red', #f43f3b, #ec008c), ('魅红', 'red-g', $ft-color-red-6, $ft-color-red-4),
  ('鎏金', 'orange', #ff9700, #ed1c24), ('鎏金', 'orange-g', $ft-color-orange-6, $ft-color-orange-4),
  ('翠柳', 'green', #39b54a, #8dc63f), ('靛青', 'purple', #9000ff, #5e00ff), ('惑紫', 'pink', #ec008c, #6739b6),
  ('霞彩', 'blue', #0081ff, #1cbbb4);

// 成功 错误 颜色
$infoColors:
  ('success', $ft-color-success, #ffffff, generateColor($ft-color-success, 1), generateColor($ft-color-success, 7)),
  ('warning', $ft-color-warning, #ffffff, generateColor($ft-color-warning, 1), generateColor($ft-color-warning, 7)),
  ('error', $ft-color-error, #ffffff, generateColor($ft-color-error, 1), generateColor($ft-color-error, 7)),
  ('info', $ft-color-info, #ffffff, generateColor($ft-color-info, 1), generateColor($ft-color-info, 7));

// 主色: 项目品牌颜色
$primaryColor: $ft-color-primary;
$primaryClass:
  ('color-primary', $primaryColor, #ffffff), ('color-primary--light', $ft-color-primary-5, #ffffff),
  ('color-primary--dark', $ft-color-primary-7, #ffffff), ('color-primary--selected', $ft-color-primary-1, #ffffff),
  ('color-primary--disabled', $ft-color-primary-2, #ffffff);

// 中性颜色： neutral 部分颜色
$neutrals:
  ('text-color-df', $ft-text-color-df), ('text-color-primary', $ft-text-color-primary),
  ('text-color-secondary', $ft-text-color-secondary), ('text-color-placeholder', $ft-text-color-placeholder),
  ('text-color-inverse', $ft-text-color-inverse);

// $backgroundColors color
$backgroundColors:
  ('bg-df', $ft-text-color-df, $ft-background-df), ('bg-light', $ft-text-color-df, $ft-background-light),
  ('bg-disabled', $ft-disabled-text-color, $ft-disabled-background);

$commonShadowSpace: $ft-shadow-space-3;
$largeShadowSpace: $ft-shadow-space-12;
